<!DOCTYPE html>
<html>
<head lang="en">
    <title>Spring Boot Demo - FreeMarker</title>
    <link href="/css/index.css" rel="stylesheet">
    <script type="text/javascript" src="/jars/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/js/index.js"></script>
    <style>
        li{float: left; list-style: none;margin: 10px;}
        .active{background-color: red}
    </style>

</head>
<body>
<h2>首页 ${newss.title}<h2>

    <div>第一部分</div>
   <#--<@mcp.ad pageNum="1" pageSize="2">-->
     <#--<#list ad as sys >-->
        <#--${sys.configName}-->
    <#--</#list >-->
   <#--</@mcp.ad>-->
    <#--<button class="a"> click me</button>-->
 <#--<br/>-->

    <div>第er 部分</div>
   <@mcp.news_list site_id="1" news_id="22">
       <#list news_list as news >
          <p>${news.title}</p>
       </#list >
   </@mcp.news_list>
    <button class="a"> click me</button>
    <br/>

    <b>分页显示</b>
    <@mcp.ad  pageNum=page.pageNum pageSize=2>
        <#list ad as sys >
            ${sys.configName}
        </#list >

        <#list page as page >
            <h3>总记录：${page.total}</h3>
	        <h3>是否为第一页：${page.isFirstPage}</h3>
	        <h3>是否为最后一页：${page.isLastPage}</h3>
	        <h3>导航页码数：${page.navigatePages}</h3>
	        <h3>导航条上的第一页：${page.navigateFirstPage}</h3>
	        <h3>导航条上的最后一页：${page.navigateLastPage}</h3>
	        <h3>上一页：${page.prePage}</h3>
	        <h3>下一页：${page.nextPage}</h3>
	        <h3>总页数：${page.pages}</h3>

            <table  border="1" class="table table-striped">
                <thead>
                <tr>
                    <th width="40%">Username</th>
                    <th width="30%">Phone</th>
                    <th width="30%">Sex</th>
                </tr>
                </thead>
                <tbody>
			<#if page.list??>
                <#list page.list as item>
				<tr>
                    <td>${item.configKey}</td>
                    <td>${item.configValue}</td>

				<tr>
                </#list>
            <#else>
				<p>	抱歉!暂时无数据 </p>
            </#if>
                </tbody>

            </table>
	<div class="message">
        共<i class="blue">${page.total}</i>条记录，当前显示第 <i
            class="blue">${page.pageNum}/${page.pages}</i> 页
    </div>
		<div style="text-align:center;">
            <ul class="pagination">

				<#if !page.isFirstPage >
					<li><a href="javascript:queryAll(${page.firstPage}, ${page.pageSize});"><<</a></li>
					<li><a href="javascript:queryAll(${page.prePage}, ${page.pageSize});"><</a></li>
                </#if>
				<#list page.navigatepageNums as navigatepageNum>
                    <#if navigatepageNum==page.pageNum>
						<li class="active"><a href="javascript:queryAll(${navigatepageNum}, ${page.pageSize});">${navigatepageNum}</a></li>
                    </#if>
                    <#if navigatepageNum!=page.pageNum>
						<li><a href="javascript:queryAll(${navigatepageNum}, ${page.pageSize});">${navigatepageNum}</a></li>
                    </#if>
                </#list>
				<#if !page.isLastPage>
					<li><a href="javascript:queryAll(${page.nextPage}, ${page.pageSize});">></a></li>
					<li><a href="javascript:queryAll(${page.lastPage}, ${page.pageSize});">>></a></li>
                </#if>

            </ul>
        </div>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
        <script type="text/javascript">
            function queryAll(pageNum, pageSize){
                document.location.href="http://localhost:8082/front/list?pageNum="+pageNum;

            }
        </script>


        <#--<!-- 分页 &ndash;&gt;-->
<#--<div class="ui circular labels" style="float: right;">-->
    <#--<a class="ui label">当前第 ${pageInfo.pageNum }页,总${pageInfo.pages }-->
        <#--页,总 ${pageInfo.total } 条记录</a> <a class="ui label"-->
                                          <#--href="${newss.sourceUrl}/list?pagenum=1">首页</a>-->
<#--<#if pageInfo.hasPreviousPage??>-->
<#--<a class="ui label"-->
   <#--href="${newss.sourceUrl}/list?pagenum=${pageInfo.pageNum-1 }">&laquo;</a>-->
<#--</#if>-->
<#--<#list pageInfo.navigatepageNums as page_Num >-->
<#--&lt;#&ndash;<c:forEach items="${pageInfo.navigatepageNums }" var="page_Num">&ndash;&gt;-->
    <#--<#if page_Num == pageInfo.pageNum>-->
<#--<a class="ui label"-->
   <#--href="${newss.sourceUrl}/list?pagenum=${page_Num}">${page_Num}</a>-->
    <#--</#if>-->
    <#--<#if page_Num != pageInfo.pageNum>-->
<#--<a class="ui label"-->
   <#--href="${newss.sourceUrl}/list?pagenum=${page_Num}">${page_Num }</a>-->
    <#--</#if>-->
<#--&lt;#&ndash;</c:forEach>&ndash;&gt;-->
<#--</#list>-->
<#--<#if pageInfo.hasNextPage>-->
<#--<a class="ui label"-->
   <#--href="${newss.sourceUrl}/list?pagenum=${pageInfo.pageNum+1 }">&raquo;</a>-->
<#--</#if>-->
    <#--<a class="ui label"-->
       <#--href="${newss.sourceUrl}/list?pagenum=${pageInfo.pages}">末页</a>-->
<#--</div>-->
    <!-- 分页 end-->


        </#list>
    </@mcp.ad>
    <button class="a"> click me</button>
    <br/>








</body>
</html>